@property --color--bg {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --radius--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--info {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--text {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --shadow--std {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--brand {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--border {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--danger {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --shadow--small {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--success {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--warning {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--on-brand {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size--body {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radius--regular {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size--small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--focus-ring {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--text-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size--xsmall {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--brand-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--brand-subtle {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size--page-title {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size--section-title {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size--subsection-title {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}

  :host, :root {
  --color--bg: #F8FAFC;
  --radius--lg: .875rem;
  --color--info: #0284C7;
  --color--text: #0F172A;
  --shadow--std: 0 10px 25px rgba(15,23,42,.18);
  --color--brand: #2563EB;
  --color--border: #E2E8F0;
  --color--danger: #DC2626;
  --shadow--small: 0 5px 13px rgba(15,23,42,.18);
  --color--success: #16A34A;
  --color--surface: #FFFFFF;
  --color--warning: #D97706;
  --color--on-brand: #FFFFFF;
  --font-size--body: 1rem;
  --radius--regular: .5rem;
  --font-size--small: .875rem;
  --color--focus-ring: rgba(37,99,235,.35);
  --color--text-muted: #64748B;
  --font-size--xsmall: .75rem;
  --color--brand-hover: #1D4ED8;
  --color--brand-subtle: #DBEAFE;
  --color--surface-muted: #F1F5F9;
  --font-size--page-title: 2rem;
  --font-size--section-title: 1.5rem;
  --font-size--subsection-title: 1.25rem;
}
  @media (prefers-color-scheme: dark) {
      :host, :root {
  --color--bg: #0B1220;
  --color--info: #0284C7;
  --color--text: #E5E7EB;
  --shadow--std: 0 12px 30px rgba(0,0,0,.45);
  --color--brand: #2563EB;
  --color--border: rgba(226,232,240,.14);
  --color--danger: #DC2626;
  --shadow--small: 0 6px 15px rgba(0,0,0,.45);
  --color--success: #16A34A;
  --color--surface: #101b32;
  --color--warning: #D97706;
  --color--focus-ring: rgba(147,197,253,.28);
  --color--text-muted: #94A3B8;
  --color--brand-hover: #1D4ED8;
  --color--brand-subtle: rgba(37,99,235,.18);
  --color--surface-muted: #0a111f;
}
    }
  @media (prefers-color-scheme: light) {
      :host, :root {
  --color--bg: #F8FAFC;
  --radius--lg: .875rem;
  --color--info: #0284C7;
  --color--text: #0F172A;
  --shadow--std: 0 10px 25px rgba(15,23,42,.18);
  --color--brand: #2563EB;
  --color--border: #E2E8F0;
  --color--danger: #DC2626;
  --shadow--small: 0 5px 13px rgba(15,23,42,.18);
  --color--success: #16A34A;
  --color--surface: #FFFFFF;
  --color--warning: #D97706;
  --color--on-brand: #FFFFFF;
  --font-size--body: 1rem;
  --radius--regular: .5rem;
  --font-size--small: .875rem;
  --color--focus-ring: rgba(37,99,235,.35);
  --color--text-muted: #64748B;
  --font-size--xsmall: .75rem;
  --color--brand-hover: #1D4ED8;
  --color--brand-subtle: #DBEAFE;
  --color--surface-muted: #F1F5F9;
  --font-size--page-title: 2rem;
  --font-size--section-title: 1.5rem;
  --font-size--subsection-title: 1.25rem;
}
    }
  [data-nc-theme~="nc-dark"] {
  --color--bg: #0B1220;
  --color--info: #0284C7;
  --color--text: #E5E7EB;
  --shadow--std: 0 12px 30px rgba(0,0,0,.45);
  --color--brand: #2563EB;
  --color--border: rgba(226,232,240,.14);
  --color--danger: #DC2626;
  --shadow--small: 0 6px 15px rgba(0,0,0,.45);
  --color--success: #16A34A;
  --color--surface: #101b32;
  --color--warning: #D97706;
  --color--focus-ring: rgba(147,197,253,.28);
  --color--text-muted: #94A3B8;
  --color--brand-hover: #1D4ED8;
  --color--brand-subtle: rgba(37,99,235,.18);
  --color--surface-muted: #0a111f;
}
[data-nc-theme~="nc-light"] {
  --color--bg: #F8FAFC;
  --radius--lg: .875rem;
  --color--info: #0284C7;
  --color--text: #0F172A;
  --shadow--std: 0 10px 25px rgba(15,23,42,.18);
  --color--brand: #2563EB;
  --color--border: #E2E8F0;
  --color--danger: #DC2626;
  --shadow--small: 0 5px 13px rgba(15,23,42,.18);
  --color--success: #16A34A;
  --color--surface: #FFFFFF;
  --color--warning: #D97706;
  --color--on-brand: #FFFFFF;
  --font-size--body: 1rem;
  --radius--regular: .5rem;
  --font-size--small: .875rem;
  --color--focus-ring: rgba(37,99,235,.35);
  --color--text-muted: #64748B;
  --font-size--xsmall: .75rem;
  --color--brand-hover: #1D4ED8;
  --color--brand-subtle: #DBEAFE;
  --color--surface-muted: #F1F5F9;
  --font-size--page-title: 2rem;
  --font-size--section-title: 1.5rem;
  --font-size--subsection-title: 1.25rem;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .dvmEjN {
      width:100%;
      height:100dvh;
      display:flex;
      background:var(--color--surface-muted);
      align-items:center;
      justify-content:center;
    }